<ion-view view-title="Add Address">
  <ion-content style="background:#f7f7f7;color: #4d4d4d">
    <div style="width: 100%;background: #fff;padding-bottom: 10px;">
      <div style="text-align: center;padding: 15px 0 10px 0;">
        You can add three address
      </div>
      <div ng-click="createAddress()" style="width: 46%;margin-left: 27%;height: 30px;line-height: 30px;border-radius: 4px;color: #65c178;border: 1px solid #65c178;text-align: center;">
        Create a New Address
      </div>
    </div>

    <div style="width:100%;background: #fff;padding: 0 3% 0 3%;margin-top: 30px;">
      <div style="padding: 10px 0 0 0">
        Alan Lee<br>
        807 South Wright Stree,Suit 420 Champaign , illinois (USA) 77238<br>
        <span style="color: #b5b5b5">#building access code:123445</span>
      </div>
      <div style="width:100%;border-bottom: 1px #f7f7f7 solid;height: 10px"></div>
      <div style="padding: 5px 0 5px 0">
        <img src="img/addressChecked.png" class="addaddressimg" style="width: 5%">
        <img src="img/adressEdit.png" class="addaddressimg" style="margin-left: 58%">
        <span style="display: inline-block;color: #b5b5b5">Edit</span>
        <img src="img/adressDelete.png" class="addaddressimg" style="width: 3%;margin-left: 3%">
        <span style="display: inline-block;color: #b5b5b5">Delete</span>
      </div>
    </div>


    <div style="width:100%;background: #fff;padding: 0 3% 0 3%;margin-top: 10px;">
      <div style="padding: 10px 0 0 0">
        Alan Lee<br>
        807 South Wright Stree,Suit 420 Champaign , illinois (USA) 77238<br>
        <span style="color: #b5b5b5">#building access code:123445</span>
      </div>
      <div style="width:100%;border-bottom: 1px #f7f7f7 solid;height: 10px"></div>
      <div style="padding: 5px 0 5px 0">
        <img src="img/addressUncheck.png" class="addaddressimg" style="width: 5%">
        <img src="img/adressEdit.png" class="addaddressimg" style="margin-left: 58%">
        <span style="display: inline-block;color: #b5b5b5">Edit</span>
        <img src="img/adressDelete.png" class="addaddressimg" style="width: 3%;margin-left: 3%">
        <span style="display: inline-block;color: #b5b5b5">Delete</span>
      </div>
    </div>


    <style type="text/css">
      .addaddressimg{width: 4%;vertical-align: middle}
    </style>

  </ion-content>
</ion-view>
